<template>
    <div style="text-align: center">
      <div class="nav">
        <router-link to="/message/unpay">待付款</router-link>
        <router-link to="/message/unsend">待发货</router-link>
        <router-link to="/message/unconfirm">待收货</router-link>
      </div>
      <div class="content">
        <!-- 子视图1 -->
        <router-view class="child1"></router-view>
        <!-- 子视图2 -->
        <router-view name="reGoods" class="child2"></router-view>
      </div>
    </div>
  </template>
  
  <style scoped>
  .nav a {
    text-decoration: none;
    padding: 20px;
    font-size: 20px;
  }
  
  .content {
    margin: 10px;
    line-height: 100px;
  }
  
  .child1 {
    background-color: #ff0000;
    height: 100px;
    color: #fff;
  }
  
  .child2 {
    background-color: #ffff00;
    height: 100px;
  }
  </style>